<section>
  <fui-pagination
    [(pagination)]="pagination"
    (paginationChange)="fetchData()"
    [showTotal]="showTotal"
    [showSize]="showSize"
    [showGoTo]="showGoTo"
  >
  </fui-pagination>
  <form fuiForm labelFlex="1" inputFlex="1" class="option-form">
    <fui-form-item label="show total">
      <fui-switch name="total" [(ngModel)]="showTotal" ></fui-switch>
    </fui-form-item>
    <fui-form-item label="show size">
      <fui-switch name="select" [(ngModel)]="showSize"></fui-switch>
    </fui-form-item>
    <fui-form-item label="show go to">
      <fui-switch name="input" [(ngModel)]="showGoTo"></fui-switch>
    </fui-form-item>
  </form>
  <div class="params">
    <div> pages <input name="pages" [(ngModel)]="externalPagination.page" type="number" /> </div>
    <div> size <input name="size" [(ngModel)]="externalPagination.size" type="number" /> </div>
    <div> number <input name="total" [(ngModel)]="externalPagination.total" type="number" /> </div>
    <button fuiBtn="primary" (click)="triggerExteranl()" size='md'>Apply</button>
  </div>
</section>
